<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>.werkkzeug3 .documentation - UI Elements</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="gfx">
<div id="wrapper">
    <div id="header"><a href="index.html"><img src="images/masthead.gif" alt=".werkkzeug3 texture edition documentation" border="0" /></a></div>
    <div id="nav">&nbsp;</div>
    <div id="main">
      <h1>UI Elements </h1>
      <p>&nbsp;</p>
      <p>Screen layout</p>
      <p>&nbsp;</p>
      <p>The screen is divided into 4 main panels:</p>
      <p>&nbsp; </p>
      <p><a href="viewwindow_default.html">The View Window</a>, which allows you to preview your creations in real time</p>
      <p>&nbsp;</p>
      <p><a href="pagelistwindow.html">The Page List</a>, which lets you manage operator pages</p>
      <p>&nbsp;</p>
      <p><a href="pagewindow.html">The Operator Page Window</a>, in which you can stack operators</p>
      <p>&nbsp;</p>
      <p><a href="parameterwindow.html">The Properties Window</a>, in which you can edit the properties of operators. </p>
      <p>&nbsp;</p>
      <p>To give a window  focus, <img src="images/lmb.gif" alt="left mouse button" width="13" height="13" align="absbottom">&nbsp;click inside it. </p>
      <p>&nbsp;</p>
      <p>Each of these windows has a context menu that is accessible through the triangle icon in its title bar or via a <img src="images/mmb.gif" alt="middle mouse button" width="13" height="13" align="absbottom">&nbsp;middle mouse button  double-click inside the window. You can change the screen layout by dragging the dividers between the views by the divider anchors (left/right) or by clicking and dragging from anywhere else on the page list or operator page title bars (up/down). </p>
      <p>&nbsp;</p>
      <h2>Status bar </h2>
      <p>&nbsp;</p>
      <p>The status bar contains the following information:</p>
      <p>&nbsp;</p>
      <p>Mouse functions in the  currently active window. The actions denoted in brackets are performed when you double-click. </p>
      <p>&nbsp;</p>
      <p>The type of data you are currently viewing in the <a href="viewwindow_default.html">View Window</a></p>
      <p>&nbsp;</p>
      <p>Performance data (frames per second, milliseconds per frame, number of triangles, number of vertices, number of batches, texture calculation time) </p>
      <p>&nbsp;</p>
      <p>The camera position (if the <a href="viewwindow_mesh.html">Mesh View</a> is active), the cursor position in the <a href="pagewindow.html">Operator Page</a> or the status of the last  autosave operation. </p>
      <p>&nbsp;</p>
      <h2>Adjusting Parameters</h2>
      <p>&nbsp;</p>
      <p>Numerical operator parameters can be adjusted in a variety of ways: </p>
      <p>&nbsp;</p>
      <p><img src="images/lmb.gif" alt="left mouse button" width="13" height="13" align="absbottom"> Click the value and type.</p>
      <p>&nbsp;</p>
      <p><img src="images/lmb.gif" alt="left mouse button" width="13" height="13" align="absbottom"> Click and drag left and right with the to adjust the value. Use the <img src="images/rmb.gif" alt="right mouse button" width="13" height="13" align="absbottom"> right mouse button for larger steps.</p>
      <p>&nbsp;</p>
      <p>Hold the <span class="shortcut">Ctrl</span> key  to scale linked parameters equally. </p>
      <p>Hold the <span class="shortcut">Alt</span> key to scale linked parameters proportionally. </p>
      <p>&nbsp;</p>
      <h2>Adjusting Colors</h2>
      <p>&nbsp;</p>
      <p>A color dataset consists of four values: Alpha, Red, Green, Blue. R, G and B act as linked parameters. Clicking the [...] button will open a color picker.</p>
      <p>&nbsp;</p>
      <h2>Linking Textures</h2>
      <p>&nbsp;</p>
      <p>In some situations, it's possible to remotely link a texture into an operator. I such cases, you can use the texture selector component. Select the object to link with the <a href="findanop.html">Find an op! Dialog</a> ([...] button), choose from the named operators on the current operator page [..] button or simply type a name. The [-&gt;] button jumps to the linked operator in the <a href="pagewindow.html">Page Window</a>. </p>
    </div>
    <div id="sidebar">
       <h1>.contents</h1>
      <p>&nbsp;</p>
      <p><a href="index.html">introduction</a></p>
      <p>&nbsp;</p>
      <p>concept</p>
      <ul>
        <li><a href="operatorstacking.html">operator stacking</a></li>
        <li><a href="uielements.html">UI elements</a> </li>
        <li><a href="gettingstarted.html">getting started</a></li>
      </ul>
      <p>&nbsp;</p>
      <p>views </p>
      <ul>
        <li><a href="viewwindow_default.html">view window</a>
            <ul>
              <li><a href="viewwindow_texture.html">2D view</a></li>
              <li> <a href="viewwindow_mesh.html">3D view</a></li>
            </ul>
        </li>
        <li><a href="pagelistwindow.html">page list window </a></li>
        <li><a href="pagewindow.html">operator page window</a> </li>
        <li><a href="parameterwindow.html">parameter window</a> </li>
        <li><a href="LogWindow.html">log</a></li>
        <li><a href="StatisticsWindow.html">statistics</a></li>
        <li><a href="findanop.html">Find an Op!</a> </li>
        <li><a href="findresults.html"> find results</a></li>
      </ul>
      <p>&nbsp;</p>
      <p><a href="listofoperators.html">list of operators</a> </p>
      <p>&nbsp;</p>
      <p><a href="editorsettings.html">editor settings</a></p>
      <p>&nbsp;</p>
      <p><a href="library.html">texture generation library</a></p>
      <p>&nbsp;</p>
      <p><a href="license.html">licensing</a><br>
        <a href="support.html">support</a></p>
      <p><a href="credits.html">credits</a></p>
    </div>
    <div id="footer">&copy; 2007 <a href="http://www.theprodukkt.com">.theprodukkt GmbH</a></div>
</div>
</div>
</body>
</html>
